<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册界面</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="../css/aboveTool.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen"/>
    <script type="text/javascript" src="../js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../js/index.js"> </script>
    <script type="text/javascript" src="../js/NewAccountForm.js"></script>
<body>
<div th:replace="common/IncludeTop::header"></div>
<div id="Content">
    <div>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#Catalog").hide().fadeIn();
            });
        </script>
    </div>
    <div id="Catalog">
        <form action="newAccount" method="post" name="userInfo" th:object="${newAccount}">
            <h3>User Information</h3>

            <table>
                <tr>
                    <td>User ID:</td>
                    <td>
                        <input type="text" name="username" id="username"/></br>
                        <span id="usernameTips"></span>
                    </td>
                </tr>
                <tr>
                    <td>New password:</td>
                    <td>
                        <input type="password" name="password" id="password"/></br>
                        <span id="passwordTips"></span>
                    </td>
                </tr>
                <tr>
                    <td>Repeat password:</td>
                    <td>
                        <input type="password" name="repeatedPassword" id="repeatedPassword"/></br>
                        <span id="repeatedPasswordTips"></span>
                </tr>


                <font color="red" th:text="${session.msg}"></font>
            </table>
            <div th:replace="account/IncludeAccountFields::fields"></div>
            <input type="submit" name="newAccount" value="Save Account Information"/>
        </form>
    </div>
</div>
<div th:replace="common/IncludeBottom::footer"></div>
</body>
</html>